<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Fetch'em
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<!-- Le styles -->
<link href="{{ STATIC_URL }}css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
.sidebar-nav {
	padding: 9px 0;
}
</style>
<link href="{{ STATIC_URL }}css/bootstrap-responsive.css" rel="stylesheet">
<link href="{{ STATIC_URL }}css/timepicker.css" rel="stylesheet">

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<script>
$('.timepicker-default').timepicker();
</script>
</head>

<body>
<div class="container">
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container"> <a class="brand" href="#">Fetch'em | Software Engineering</a>
        <div class="btn-group pull-right"> <a class="btn btn-primary" href="/logout"> Sign out </a> </div>
        <div class="nav-collapse">
          <ul class="nav">

            <li><a data-toggle="modal" href="#assModal"><i class="icon-plus"></i> New Assignment</a></li>
          </ul>
          <p class="navbar-text pull-right"> {{ Name }}&nbsp;&nbsp;&nbsp; </p>
        </div>
        <!--/.nav-collapse --> 
      </div>
    </div>
  </div>
  <div class="container">
    <div class="tabbable tabs-left">
      <ul class="nav nav-tabs">
        <li class="active"><a href="#lA" data-toggle="tab">Assignment 1</a></li>
        <li><a href="#lB" data-toggle="tab">Assignment 2</a></li>
        <li><a href="#lC" data-toggle="tab">Assignment 3</a></li>
      </ul>
      <div class="tab-content">
        <div class="tab-pane active" id="lA">
          <div class="container-fluid">
            <div class="row-fluid">
              <div class="span3">
                <ul class="nav nav-tabs nav-stacked">
                  <li class="active"><a href="#">Apoorv Narang - 2010019</a></li>
                  <li><a href="#">Astha Solanki - 2010024</a></li>
				  <li><a href="#">Ayushi Aggarwal - 2010026</a></li>
                  <li><a href="#">Arpit Anand - MT1114</a></li>
				  <li><a href="#">Karan Kalra - 2010035</a></li>
				  <li><a href="#">Kirti Lamba - 2010039</a></li>
                  <li><a href="#">Kshitiz Bakshi - 2010040</a></li>
                  <li><a href="#">Nikita Juneja - 2010057</a></li>
                  <li><a href="#">Kashish Chawla - MT1118</a></li>
                  <li><a href="#">Rhea Goel - MT1119</a></li>
                  <li><a href="#">Arjun Ahuja - MT1121</a></li>
                  <li><a href="#">Ankur Goel - MT1122</a></li>
                </ul>
              </div>
              <div class="span9">
                <div class="thumbnail">
                  <iframe src='sol1.pdf' width=99% height=450px> </iframe>
                  <div class="caption">
				  <table>
				  <tr valign="center">
                   <td>Comments: <td><textarea rows="2"></textarea><td style="width:60%" align="right">
					</tr></table>
					 
                    <form class="form-inline">
                    <table><tr> <td><input type="text" value="10" style="width:40px" >
                    <td >  <input type="text" value="10" style="width:40px" >
                      <td><input type="text" value="10" style="width:40px" >
                      <td><input type="text" value="10" style="width:40px" >
                      <td><input type="text" value="10" style="width:40px" >
                      <td><input type="text" value="10" style="width:40px" >
					  <td><input type="text" value="0" style="width:90px" >
					  <td><select style="width: 120px"> <option value="Percentage">Percentage</option><option value="Absolute">Absolute</option></select>
                      <td><input type="text" value="60" style="width:60px"class="span2" ></tr>
					  <tr align="center">
					  <td>Q1<td>Q2<td>Q3<td>Q4<td>Q5<td>Q6<td>Bonus/Penalty<td>Type<td>Total</tr> </table>
					  
                      <p></p>
                      <p>
                      <a type="submit" class="btn btn-success" href="home_Teacher_final.html">Save & Send</a>
                      <button type="submit" class="btn btn-info">Save</button>
                      <button type="submit" class="btn btn-warning">Review later</button></p>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="tab-pane" id="lB">
          <div class="container-fluid">
            <div class="row-fluid">
              <div class="span3">
                <ul class="nav nav-tabs nav-stacked">
                  <li class="active"><a href="#">Apoorv Narang - 2010019</a></li>
                  <li><a href="#">Astha Solanki - 2010024</a></li>
				  <li><a href="#">Ayushi Goyal - 2010025</a></li>
                  <li><a href="#">Karan Kalra - 2010035</a></li>
                  <li><a href="#">Kirti Lamba - 2010039</a></li>
                  <li><a href="#">Kashish Chawla - MT1118</a></li>
                  <li><a href="#">Rhea Goel - MT1120</a></li>
                </ul>
              </div>
              <div class="span9">
                <div class="thumbnail">
                  <iframe src='sol2.pdf' width=99% height=450px> </iframe>
                  <div class="caption">
                   <table>
				  <tr valign="center">
                  <td>Comments: <td><textarea rows="2"></textarea><td style="width:60%" align="right">
				<!--	<p class="navbar-text pull-right">Last checked by: <i><b>Vidushi Chaudhary</b></i>&nbsp;&nbsp;&nbsp; </p> !--></tr></table>
                    <form class="form-inline">
                    <table><tr> <td><input type="text" value="0" style="width:40px" >
                    <td >  <input type="text" value="0" style="width:40px" >
                      <td><input type="text" value="0" style="width:40px" >
                      <td><input type="text" value="0" style="width:40px" >
                      <td><input type="text" value="0" style="width:40px" >
                      <td><input type="text" value="0" style="width:40px" >
					  <td><input type="text" value="0" style="width:90px" >
					  <td><select style="width: 120px"> <option value="Percentage">Percentage</option><option value="Absolute">Absolute</option></select>
                      <td><input type="text" value="0" style="width:60px"class="span2" ></tr>
					  <tr align="center">
					  <td>Q1<td>Q2<td>Q3<td>Q4<td>Q5<td>Q6<td>Bonus/Penalty<td>Type<td>Total</tr> </table>
                      <button type="submit" class="btn btn-success">Save & Send</button>
                      <button type="submit" class="btn btn-info">Save</button>
                      <button type="submit" class="btn btn-warning">Review later</button></p>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="tab-pane" id="lC">
        <div class="container-fluid">
            <div class="row-fluid">
              <div class="span3">
                <ul class="nav nav-tabs nav-stacked">
                   <li class="active"><a href="#">Ayushi Aggarwal - 2010026</a></li>
                  <li><a href="#">Karan Kalra - 2010035</a></li>
				  <li><a href="#">Kirti Lamba - 2010039</a></li>
				  <li><a href="#">Kshitiz Bakshi - 2010040</a></li>
                  <li><a href="#">Rhea Goel - 2010058</a></li>
                  <li><a href="#">Arpit Anand - MT1114</a></li>
                  <li><a href="#">Kashish Chawla - MT1118</a></li>
                </ul>
              </div>
              <div class="span9">
                <div class="thumbnail">
                  <iframe src='sol3.pdf' width=99% height=450px> </iframe>
                  <div class="caption">
                  <table>
				  <tr valign="center">
                  <td>Comments: <td><textarea rows="2"></textarea><td style="width:60%" align="right">
				<!--	<p class="navbar-text pull-right">Last checked by: <i><b>Vidushi Chaudhary</b></i>&nbsp;&nbsp;&nbsp; </p> !--></tr></table>
                    <form class="form-inline">
                    <table><tr> <td><input type="text" value="0" style="width:40px" >
                    <td >  <input type="text" value="0" style="width:40px" >
                      <td><input type="text" value="0" style="width:40px" >
                      <td><input type="text" value="0" style="width:40px" >
                      <td><input type="text" value="0" style="width:40px" >
                      <td><input type="text" value="0" style="width:40px" >
					  <td><input type="text" value="0" style="width:90px" >
					  <td><select style="width: 120px"> <option value="Percentage">Percentage</option><option value="Absolute">Absolute</option></select>
                      <td><input type="text" value="0" style="width:60px"class="span2" ></tr>
					  <tr align="center">
					  <td>Q1<td>Q2<td>Q3<td>Q4<td>Q5<td>Q6<td>Bonus/Penalty<td>Type<td>Total</tr> </table>
					  <button type="submit" class="btn btn-success">Save & Send</button>
                      <button type="submit" class="btn btn-info">Save</button>
                      <button type="submit" class="btn btn-warning">Review later</button></p>
					  </form>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
  <!-- sample modal content -->
  <div id="assModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="assModalLabel" aria-hidden="true">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h3 id="assModalLabel">Fetch new assignment</h3>
    </div>
    <div class="modal-body">
    <p>Enter the Subject of the assignment to be fetched.</p>
    <form>
      <input class="span3" type="text" placeholder="Subject">
      <p>How many questions does the assignment have? (optional)</p>
      <input class="span2" type="text" placeholder="Number of questions">
	  <p>
	 <div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Sub parts for questions
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse">
      <div class="accordion-inner">
        Q1 <input type="text" class="span1" value="0"> &nbsp;&nbsp;
		Q2 <input type="text" class="span1" value="0"> &nbsp;&nbsp;
		Q3 <input type="text" class="span1" value="0"> <p>
		Q4 <input type="text" class="span1" value="0"> &nbsp;&nbsp;
		Q5 <input type="text" class="span1" value="0"> &nbsp;&nbsp;
		Q6 <input type="text" class="span1" value="0"> <p>
      </div>
    </div>
  </div>
</div>


        <p>Enter the time period of the assignment (optional)</p>
	  <p>Start: <input type="date" name="start_date" class="span2"/></p>
	<!--<div class="input-append bootstrap-datepicker-component" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
				<input class="span2" size="16" type="text" value="12-02-2012" readonly>
				<span class="add-on"><i class="icon-th"></i></span>
			  </div>
 -->			  
			  
	  
	<p>
                <div class="input-append bootstrap-timepicker-component">
                    <input class="timepicker-1 input-small" type="text" /><span class="add-on"><i class="icon-time"></i></span>
                </div>
	</p> 
      <p>End: <input type="date" name="end_date" class="span2"/></p> 
	  <p><div class="input-append bootstrap-timepicker-component">
                    <input class="timepicker-1 input-small" type="text" /><span class="add-on"><i class="icon-time"></i></span>
                </div></p>
      </div>
      <div class="modal-footer">
      <button class="btn" data-dismiss="modal">Close</button>
      <button type="submit" class="btn btn-primary">Fetch</button>
    </form>
  </div>
  </div>
  
	
	
  <!-- New Course Modal -->
  <div id="courseModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="courseModalLabel" aria-hidden="true">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h3 id="courseModalLabel">Create new course</h3>
    </div>
    <div class="modal-body">
    <form>
      <input class="span3" type="text" placeholder="Course Number">
      <input class="span3" type="text" placeholder="Name of course">
      <p>Enter the credentials of the course submission Gmail account.</p>
      <input class="span3" type="text" placeholder="Login">
      <input class="span3" type="password" placeholder="Password">
      <p>If you have TAs in your course, enter their email accounts below:</p>
      <input class="span3" type="text" placeholder="Email of TA">
      <p><button class="btn"><i class="icon-plus"></i> Add TA email</button></p>
      <p>Select the xls file containing list of all students with their email ids:</p>
      <p><button class="btn btn-primary"><i class="icon-upload icon-white"></i> Upload</button></p>
      </div>
      <div class="modal-footer">
      <button class="btn" data-dismiss="modal">Close</button>
      <button type="submit" class="btn btn-primary">Create</button>
    </form>
  </div>
  </div>
  
  
  
  <!-- Course Settings Modal -->
  <div id="courseSettingsModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="courseSettingsModalLabel" aria-hidden="true">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h3 id="courseSettingsModalLabel">Software Engineering Settings</h3>
    </div>
    <div class="modal-body">
    <form>
      <input class="span3" type="text" placeholder="Course Number">
      <input class="span3" type="text" placeholder="Name of course">
      <p>Enter the credentials of the course submission Gmail account.</p>
      <input class="span3" type="text" placeholder="Login">
      <input class="span3" type="password" placeholder="Password">
      <p>If you have TAs in your course, enter their email accounts below:</p>
      <input class="span3" type="text" placeholder="Email of TA">
      <p><button class="btn"><i class="icon-plus"></i> Add TA email</button></p>
      <p>Select the xls file containing list of all students with their email ids:</p>
      <p><button class="btn btn-primary"><i class="icon-upload icon-white"></i> Upload</button></p>
      </div>
      <div class="modal-footer">
      <button class="btn" data-dismiss="modal">Close</button>
      <button type="submit" class="btn btn-primary">Create</button>
    </form>
  </div>
  </div>
  

<hr>
<footer>
  <p>&copy; Group 7</p>
</footer>
</div>

<!-- Le javascript
    ================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script src="{{ STATIC_URL }}js/bootstrap.js"></script> 
<script src="{{ STATIC_URL }}js/jquery.js"></script> 
<script src="{{ STATIC_URL }}js/jquery-ui-min.js"></script>
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script> 
<script src="{{ STATIC_URL }}js/bootstrap-timepicker.js"></script>
<script src="{{ STATIC_URL }}js/anytime.js"></script>
<script src="{{ STATIC_URL }}../assets/js/bootstrap-transition.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-alert.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-modal.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-dropdown.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-scrollspy.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-tab.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-tooltip.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-popover.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-button.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-collapse.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-carousel.js"></script> 
<script src="{{ STATIC_URL }}../assets/js/bootstrap-typeahead.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}assets/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
    <script type="text/javascript">
        $(document).ready(function () { 
            $('.timepicker-default').timepicker();

            $('.timepicker-1').timepicker({
                minuteStep: 1,
                template: 'modal',
                showSeconds: true,
                showMeridian: false
            });

            $('.timepicker-2').timepicker({
                minuteStep: 5,
                showInputs: false,
                disableFocus: true
            });

            $('.timepicker-3').timepicker({
                minuteStep: 1,
                secondStep: 5,
                showInputs: false,
                template: 'modal',
                modalBackdrop: true,
                showSeconds: true,
                showMeridian: false
            });

            $('.timepicker-4').timepicker({
                template: false,
                showInputs: false,
                minuteStep: 5
            });
        });
    </script>
</body>
</html>
